<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单元素值处理</title>
    <script type="text/javascript" src="../js/jquery-3.4.1.min.js"></script>
    <script>
        $(function(){
            $("#username").blur(function(){
                // 1.9之后
                console.log("用户名:"+$(this).prop("value"));
                // 1.9之前
                console.log("用户名:"+$(this).attr("value"));
                // jquery中提供了专门访问表单元素value属性值的方法
                // val():取值
                console.log("用户名:"+$(this).val());
                // val(值):赋值
                $(this).val("alice");
            });
            $("#btn").click(function(){
                $("#edu").val(3);
            });
        })
    </script>
</head>
<body>
用户名:<input type="text" id="username"><br>
<select id="edu">
    <option value="-1">请选择</option>
    <option value="1">高中</option>
    <option value="2">大专</option>
    <option value="3">本科</option>
    <option value="4">研究生</option>
</select>
<button id="btn">设置默认值</button>
</body>
</html>